<?php
session_start();
if(!isset($_SESSION['id'])){
    header('Location: login.php');
    exit;
}
?>
<!DOCTYPE html>
<html lang="en" class="no-js">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
		<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
		<title>::: SOS UNITAU -- Sistema de ordem de serviço</title>
		
		<link rel="shortcut icon" href="img/logo.jpg">
		<link rel="stylesheet" type="text/css" href="css/normalize.css" />
		<link rel="stylesheet" type="text/css" href="css/demo.css" />
		<link rel="stylesheet" type="text/css" href="css/icons.css" />
		<link rel="stylesheet" type="text/css" href="css/style2.css" />
        <link rel="stylesheet" type="text/css" href="css/StylePage.css" />
        <link rel="stylesheet" type="text/css" href="css/default.css" />
        <link rel="stylesheet" type="text/css" href="css/component.css" />
        <script type="text/javascript" src="js/jquery1.6.min.js"></script>
        <script src="js/jquery.maskedinput-1.3.min.js"></script>
         
    <script>
        $(document).ready(function () {
            $('#novaFuncao').click(function () {

                var espec = $('#txtFuncao').val().trim();

                if (espec == "") {
                    alert('Preencha a nova Função!');
                } else {

                    $.post("../funcoes/nova_especialidade.php", {espec: espec}, function (retorno) {

                        //                            alert(retorno.especialidades[0]['id']);

                        window.opener.$('#maisFuncao').find('td').remove();
                        

                        $.each(retorno.especialidades, function (key, value) {
//                        alert(value.id + " - " + value.nome);
                            window.opener.$('#maisFuncao').append("<td><input type='checkbox' name='chkFuncao[]' value='" + value.id + "' id='chkFuncao[]' />&nbsp;&nbsp; " + value.nome + " </td>");                            

                        });

                        alert('Função cadastrada com sucesso!');
                        window.self.close();
                    }, "json").fail(function () {
                        alert("erro");
                    });
                }
            });
        });
    </script>
        
        
</head>
<body style="overflow-x: hidden">
        <form name="adicionarFuncao" id="adicionarFuncao" method="post" action="" class="style-form">
            	
                <fieldset style="width:30px;">
                	<legend>Nova Função: </legend>
                    <table width="800px" class="table-form">
            	<tr>
            			<td> <label for="txtFuncao"> Adicionar Função: </label> </td>
            			<td> <input name="txtFuncao" id="txtFuncao" type="text" required placeholder="Ex: Pintor" /></td>
            		</tr>
            
                    
            	</table>
                        <input type="button" value="Gravar" id="novaFuncao" style="display:inline-block; margin-left:50%; margin-top:3%;" class="botao"  /><input type="button" value="Cancelar" style="margin-left:5%;" onClick="javascript:c=window.confirm('Deseja Realmente cancelar?');if(c==true){self.close();}else{}" class="botao" />    
                	</fieldset>

        </form>


</body>
</html>